<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.js"></script>
<script type="text/javascript" src="http://42charts.googlecode.com/svn/trunk/jqueryui/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="http://www.cssnewbie.com/download/jquery.equalheights.js"></script>
<link href="syIncludes/jquery-ui-1.10.2.custom.min.css" rel="stylesheet" type="text/css" />
<style>
#wpadminbar { display:none; }
.highcharts-tooltip span {
    height:auto;
    width:240px;
    background-color:#fff;
    overflow:auto;
    white-space:normal !important; // add this line...
}
.slideElem {
	color: #FFF;
	text-shadow: 0px 2px 1px #bbbaba;
	font: 17px 'Sans Serif';
	text-transform: uppercase;
	width: 70%;
	float: right;
	background: transparent;
	text-align: right;
	font-weight: bold!important;
	padding: 5px;
	height: 100%!important;
	font-style: italic;
	border:none;
	overflow:hidden!important;
}
.sy-icon-fb {
    background-image: url(syIncludes/images/Facebook_F.png) !important;
}
#slideshow {
	position: relative;
	height: 100%;
	vertical-align: middle;
	overflow:hidden!important;
}
.sy-widget-content {
	background: #fcfdfd url(syIncludes/images/ui-bg_glass_100_dbcbee_1x400.png) 50% bottom repeat-x;
	margin-right: 1.0% !important;
	margin-left: 1.0% !important;
	height: 100%;
	text-align: justify !important;
	padding: 3px!important;
}	
.sy-header {
	margin: 0 !important;	
}
.ui-slider-horizontal {
	width: 90%;
	margin: 0.5em auto;
}
div.post table {
margin: 0px !important;
}
.ui-widget-content {
	border: 1px solid #d196fb;
	background: #b97bef url(syIncludes/images/ui-bg_highlight-soft_100_f1d3fd_1x100 _content.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #fff;
}
.ui-button-text {
	font-size: 0.85em;
	padding: .4em .2em .4em .2em;
}
html {
margin-top: 0px !important;
font-size: 0.8em;
}
.entry-title  {
	display:none;
}
.three-width {
	width: 32.8%;
}
.two-width {
	width: 49.8%;
}
.sy-drag {
	width:100%;
	padding:0.4em;
	margin-left:0%;
}
</style>
<div class=".sy-header ui-widget-header ui-corner-all" style="background: #31098b;overflow:auto;">
	<ul class=" ui-corner-all sy-header" style="background:#fff;border: 5px solid #210F82; width:22%; padding-left: 0; float: left!important;">
			<img id="image2" src="./syIncludes/42chartandlogo.png" style="border:none;background:transparent;"alt="42 charts"/>
	</ul>
	<div class="slider sy-header" style="width:64%;float:right;">
		<div id="slideshow" class="sy-header ui-corner-all" style="border: 0px solid rgb(164, 150, 203); float: right!important;">
			<div class="sy-header slideElem" style="float:right;">Predict random events
				<div style="text-transform: lowercase;text-shadow:0px 0px 0px #fff;font-style:normal; font-size: 13px;font-family: 'Verdana';font-weight: normal!important;"> 
					Is sixth sense really there? Are some of us gifted? we try to find out if few of us are better at predicting seemingly random price movements.
				</div>
			</div>
			<div class="sy-header slideElem" style="float:right;display:none;">Chart patterns analysis?
				<div style="text-transform: lowercase;text-shadow:0px 0px 0px #fff;font-style:normal; font-size: 13px;font-family: 'Verdana';font-weight: normal!important;"> 
					Is there any truth in chart analysis? Millions of trading professionals swear by predictive power of chart patterns. Time to prove it.
				</div>
			</div>
			<div class="sy-header slideElem" style="float:right;display:none;">Woman's intuition?
				<div style="text-transform: lowercase;text-shadow:0px 0px 0px #fff;font-style:normal; font-size: 13px;font-family: 'Verdana';font-weight: normal!important;"> 
					Are women really gifted with the magic intuition. Because if they are, we will find it. Time to put the age old adage to rest.
				</div>
			</div>
			<div class="sy-header slideElem" style="float:right;display:none;">Art or Science?
				<div style="text-transform: lowercase;text-shadow:0px 0px 0px #fff;font-style:normal; font-size: 13px;font-family: 'Verdana';font-weight: normal!important;"> 
					Is trading an art or is it a science with careful justifications? We determine if trading acumen is dependent on people's personality.
				</div>
			</div>
			<div class="sy-header slideElem" style="float:right;display:none;">Born Traders?
				<div style="text-transform: lowercase;text-shadow:0px 0px 0px #fff;font-style:normal; font-size: 13px;font-family: 'Verdana';font-weight: normal!important;"> 
					Are good traders born or are they good learners? We will look at players score through time to decide if people improve with time.
				</div>
			</div>
			<div class="sy-header slideElem" style="float:right;display:none;">Experience?
				<div style="text-transform: lowercase;text-shadow:0px 0px 0px #fff;font-style:normal; font-size: 13px;font-family: 'Verdana';font-weight: normal!important;"> 
					Do people who trade more often tend to become better traders than those who do not trade at all? We find the solution.
				</div>
			</div>
		</div>
	</div>
</div>

<div style="font-size:0.75em;font-family:'Verdana'">
	<div style="font-size:1.2em;">
		<button class="show_hide ui-corner-all sy-drag" rel="#myslidingcontent">Click here to view more information</button>
		<div id="myslidingcontent" style="display: none;">
			 <table style="margin-bottom: 20px!important;">
				<tbody>
					<tr>
						<td style="width: 30%;vertical-align:top;" class="ui-button ui-corner-all sy-widget-content">
							<div id="scores">
								<input name="scores" type="radio" id="scores1" value="1" checked="checked"/>
									<label class="three-width" for="scores1">Aim</label>
								<input name="scores" type="radio" id="scores2" value="2"/>
									<label class="three-width" for="scores2">Connect</label>
								<input name="scores" type="radio" id="scores3" value="3"/>
									<label class="three-width" for="scores3">Like Us</label>
								<span class="slide-button"></span>
							</div>
							<div id="test1" style="font-size:1em;">42Charts.com is a non-profit project created by professional traders that is aimed to primarily determine if seemingly random events can be predicted based upon historical data. We also try to determine if chart analysis actually works.</div>
							<div id="test2" style="display:none;margin-top:5px;font-size:1em;">[login-with-ajax]</div>
							<div id="test3" style="display:none;font-size:1em;">
								<div class="fb-like" data-href="http://www.42charts.com" data-send="true" data-width="500" data-show-faces="false"></div>
							</div>
						</td>
						<td style="width: 30% !important;vertical-align:top;" class="ui-button ui-corner-all sy-widget-content">
							<div id="pages">
								<input name="pages" type="radio" id="pages1" value="1" checked="checked"/>
									<label class="three-width" for="pages1">Games</label>
								<input name="pages" type="radio" id="pages2" value="2"/>
									<label class="three-width" for="pages2">Game 1</label>
								<input name="pages" type="radio" id="pages3" value="3"/>
									<label class="three-width" for="pages3">Game 2</label>
								<span class="slide-button"></span>
							</div>
							<div id="test" style="font-size:1em;">42Charts.com comprises of two different games. In both games your power of chart prediction is tested. We take real life actual prices of stocks, bonds and currencies for creating a random chart pattern.Your score is calculated and tabulated against other players.</div>
							<div id="t1est" style="display:none;font-size:1em;">In Game 1 players are supposed to pick up a point that they believe will be nearest to the path of the chart. Once they pick up the point, the score is calculated based upon how near the predicted point is to the actual path of the chart. </div>
							<div id="t2est" style="display:none;font-size:1em;">Game 2 is an advanced version of Game 1. The player has to define two levels: (i) target level that they believe the chart will reach up to, and (ii) stop level that they believe that the chart will not go to. Score is calculated based upon which level is seen first - target or stop loss.</div>
						</td>
						<td style="width: 30%;vertical-align:top;" class="ui-button ui-corner-all sy-widget-content">
								<div id="reachout">
									<input type="radio" id="reachout1" name="reachout" value="1" checked="checked"/>
										<label class="three-width" for="reachout1">Experience</label>
									<input type="radio" id="reachout2" value="2" name="reachout"/>
										<label class="three-width" for="reachout2">Profile</label>
									<input type="radio" id="reachout3" value="3" name="reachout"/>
										<label class="three-width" for="reachout3">Gender</label>
								</div>			
								<div>
									<div id="test1234" style="color:#000;text-shadow:0px 0px 0px #fff;display:none;">
										<label for="gender">Tell us about your gender</label>
										<div id="genderslider"></div>
										<div id="gender" style="font-weight: bold;text-align: center !important;" ></div>
									</div>
									<div id="test12345" style="color:#000;text-shadow:0px 0px 0px #fff;">
										<label for="experience">Tell us about your experience in financial chart patterns</label>
										<div id="experienceslider"></div>
										<div id="experience" style="font-weight: bold;text-align: center !important;" ></div>
									</div>
									<div id="test123456" style="color:#000;text-shadow:0px 0px 0px #fff;display:none;">
										<label for="personality">Tell us whether you are a creatively or logically inclined</label>
										<div id="personalityslider"></div>
										<div id="personality" style="font-weight: bold;text-align: center !important;" ></div>
									</div>
								</div>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
	<div id="radioBtnDiv" style="font-size:1.2em;">
		<input name="view" type="radio" id="radioBtnDiv1" value="singlePoint" checked="checked"/>
			<label class="two-width" for="radioBtnDiv1">One: Predict the path of the chart</label>
		<input name="view" type="radio" id="radioBtnDiv2" value="tradePoint"/>
			<label class="two-width" for="radioBtnDiv2">Two: Decide trades based on the chart</label>
		<span class="slide-button"></span>
	</div>
	<div>
		<div id="container2"></div>
		<div id="toolbar" class="ui-widget-header ui-corner-all" style="overflow:auto;font-size:1.2em;"> 
			<span style="margin-top:0;margin-below:0;margin-right:auto;float:left;">
				<span id="repeat">
					<span id="scoreTitle" style="padding: 1px;">Scores</span> 
					<span id="scoreHead" style="padding: 1px;">One: Predict</span> 
					<input type="radio" id="repeat0" name="repeat" checked="checked" value="0"/><label  style="padding: 1px;" for="repeat0">Last</label>
					<input type="radio" id="repeat1" name="repeat" value="1"/><label style="padding: 1px;" for="repeat1">Session</label>
					<input type="radio" id="repeatall" name="repeat" value="2"/><label style="padding: 1px;" for="repeatall">All</label>
				</span>
				<span id="scoreText" style="padding: 1px;">Play Game</span>
			</span>
			<span style="margin-right: 10px;margin-top:0;margin-below:0;margin-right:auto;float:right;">
				<a href='#' data-reveal-id='loginwithajaxwidget-2' id="logoutin">Log In/Log Out</a> 
				<a href='#' data-reveal-id='text-3' id="facebook">Like Us</a> 
				<button id="playhelp">Show/Hide Help Pop ups</button>
				<button id="contactus" href="/contact" class="smcf-link">Contact Us</a></button>
				<button id="scrollUp" style="padding: 1px;">Scroll Up</button>
				<button id="scrollDn" style="padding: 1px;">Scroll Down</button> 
				<span id="submitChart"  style="padding: 1px;">Submit</span>
				<span id="nextChart" style="padding: 1px;">Next Chart</span> 
			</span>
		</div>
	</div>
</div>
<script type="text/javascript" src="http://42charts.googlecode.com/svn/myfile.js"></script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=505598882820893";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
